<template>
    <div class="code-order">
        <template v-if="action == 'edit' || action == 'search' ">
            <span>不建议使用</span>
        </template>
        <template v-if="action == 'table'">
            <div>{{value}}</div>
            <div>
                <!--<el-button class="bgbutton color389E0D" v-if="data.product.type === 1">保</el-button>-->
                <!--<el-button class="bgbutton color096DD9">首</el-button>-->
                <!--<el-button class="bgbutton colorFF7875">纠</el-button>-->
                <!--<span v-if="data.tag">-->
                    <!--<span v-for="(item,index) in data.tag" :key="index">-->
                        <!--<el-button v-if="item.type=='pick_address.processed' || item.type=='delivery_address.processed' " class="bgbutton colorFF7875">纠</el-button>-->
                    <!--</span>-->

                <!--</span>-->
                <el-button class="bgbutton color389E0D" v-if="data.product && data.product.type === 1">准</el-button>
                <el-button class="bgbutton colorFA8C16" v-if="data.product && data.product.type === 6">次21</el-button>
            </div>
            <!--<div>{{data.end_area_link?(data.end_area_link.name + '-'):''}}{{value}}</div>-->

        </template>
    </div>
</template>
<script>
    import base from '../base.js';
    import MapSelectAddress from '../../map/map-init.vue'
    export default {
        extends: base,
        props: {},
        components:{
            MapSelectAddress
        },
        data() {
            return {
            }
        },
        filters: {
            datereg(val) {
                if (val) {
                    return val.slice(5, 16);
                }
            },
            dateregc(val) {
                if (val) {
                    return val.slice(10, 16);
                }
            }
        },
        computed: {
        },
        watch: {
        },
        created() {
        },
        methods: {
        }
    }
</script>
<style lang='less'>
    .code-order{
        .bgbutton{
            padding: 4px;
            background-color: #389E0D;
            transform: scale(0.8);
            font-size: 10px;
            border: none;
            color: #fff;
            margin-left: 0px;
            margin-right: 2px;
        }
        .color389E0D{
            background-color: #389E0D;
        }
        .colorFA8C16{
            background-color: #FA8C16;
        }
        .color096DD9{
            background-color: #096DD9;
        }
        .colorFF7875{
            background-color: #FF7875;
        }
    }
</style>
